<template>
  <div>
    <van-row>
      <van-col span="8">综合</van-col>
      <van-col span="8">销量</van-col>
      <van-col span="8">价格</van-col>
    </van-row>
    <van-card
        num="2"
        price="2999.00"
        desc="超级便宜的超薄笔记本电脑，数万人的选择"
        title="酷鲨平板电脑"
        thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
    >
    <template #tags>
      <van-tag type="danger">自营</van-tag>
      &nbsp;
      <van-tag plain type="danger">酷鲨物流</van-tag>
    </template>
    <template #footer>
      <van-button size="mini">加购</van-button>
      <van-button size="mini">购买</van-button>
    </template>
    </van-card>
    <van-card
        num="3"
        price="9999.00"
        desc="性能秒杀一切同价格产品"
        title="酷鲨平板电脑"
        thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
    >
    <template #tags>
      <van-tag type="danger">自营</van-tag>
      &nbsp;
      <van-tag plain type="danger">酷鲨物流</van-tag>
    </template>
    <template #footer>
      <van-button size="mini">加购</van-button>
      <van-button size="mini">购买</van-button>
    </template>
    </van-card>
    <van-card
        num="5"
        price="6999.00"
        desc="超薄笔记本电脑"
        title="酷鲨平板电脑"
        thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
    >
    <template #tags>
      <van-tag type="danger">自营</van-tag>
      &nbsp;
      <van-tag plain type="danger">酷鲨物流</van-tag>
    </template>
    <template #footer>
      <van-button size="mini">加购</van-button>
      <van-button size="mini">购买</van-button>
    </template>
    </van-card>
  </div>
</template>

<script>
export default {
  name: "ListView"
}
</script>

<style scoped>

</style>